<template>
  <div>
    <div class="footer">
      <div class="footer-h">
        <span class="fl footer-l">
          <b class="ftz20">联系我们</b>
          <p>咨询热线：400-022-9972</p>
          <p>邮箱：service@jiaxunmedia.com</p>
          <p>增值电信业务经营许可证：
            <a href="">鄂B2-20170157</a>
          </p>
          <p>广播电视节目许可证：
            <a href="">鄂字第00358号</a>
          </p>
          <p>网文经营许可证：
            <a href="">鄂网文（2017）10517-260号</a>
          </p>
        </span>

        <span class="footer-mid">
          <b class="ftz20">关于我们</b>
          <span class="fl">
            <p>
              <a href="/us/about" target="_blank">关于中亿理财师</a>
            </p>
            <p>
              <a href="/us/contact" target="_blank">联系我们</a>
            </p>
            <p>
              <a href="javascript: void(0)" @click="showHelpBox = true">帮助中心</a>
            </p>
          </span>
          <span class="fr">
            <p>
              <a href="//www.zhongyi9999.com/about/index.html" target="_blank">关于中亿</a>
            </p>
            <p>
              <a href="/apply" target="_blank">理投师入驻</a>
            </p>
            <p>
              <a href="javascript:void(0)" @click="showAgreementFlag = true">用户协议</a>
            </p>
          </span>
        </span>

        <span class="fr footer-r">
          <div class="footer-img">
            <b class="ftz20">APP下载</b>
            <p class="img"><img src="../assets/res/img/fimg_01.jpg"></p>
          </div>
          <div class="footer-img">
            <b class="ftz20">关注官方微信</b>
            <p class="img"><img src="../assets/res/img/ecode.png"></p>
          </div>
          <div class="footer-img">
            <b class="ftz20">加入官方QQ群</b>
            <p class="img"><img src="../assets/res/img/qq.png"></p>
          </div>
        </span>
        <div class="footer-stat">免责声明：中亿理投师平台仅提供服务对接功能，所有理投师的咨询建议，仅供参考；用户需独立作出投资决策，风险自担。
          <i class="icon"></i>投资有风险，入市需警慎！</div>
      </div>
      <div class="footer-bot">
        <span class="footer-guid">旗下品牌：
          <a href="https://www.zhongyi9999.com">中亿财经网</a>
          <i class="line"></i>
          <a href="https://top.zhongyi9999.com">亿媒界</a>
          <i class="line"></i>
          <a href="">区块链</a>
        </span>
        <p>
          <span>©2014-2019-中亿理投师-鄂ICP备14010830-1 鄂公安网备 42010602000710号 版权所有</span>
          <span>©湖北中亿嘉讯传媒有限公司</span>
          <span>未经书面授权禁止复制或建立镜像</span>
        </p>
      </div>
    </div>
    <Agreement v-if="showAgreementFlag" @closeFn="closeAgreementBox"/>
    <Agreement typeName="help" v-if="showHelpBox" @closeFn="closeHelpBox"/>
  </div>
</template>
<script>
import Agreement from '@/components/agreement/agreement'
export default {
  components: {
    Agreement
  },
  data () {
    return {
      showAgreementFlag: false,
      showHelpBox: false
    }
  },
  methods: {
    closeAgreementBox () {
      this.showAgreementFlag = false
    },
    closeHelpBox () {
      this.showHelpBox = false
    }
  }
}
</script>

<style scoped>
</style>
